﻿<?php
	include_once 'inc/config.inc.php';
	include_once 'inc/mysql.inc.php';
	include_once 'inc/tool.inc.php';
	$link=connect();
?>
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        
        <title>武夷茶院</title>

        <!-- load stylesheets -->
		<!--
        <link rel="stylesheet" href="http://fonts.useso.com/css?family=Open+Sans:300,300italic,400">  
		-->
		<link rel="stylesheet" href="css/bootstrap.min.css">                                                <!-- Bootstrap style -->
        <link rel="stylesheet" href="css/flexslider.css">                                                   <!-- Flexslider style -->       
        <link rel="stylesheet" href="css/templatemo-style.css">                                             <!-- Templatemo style -->

        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    
    <body class="page">
        <style type="text/css">
			#left{
				float:left;
				font-color: blue;
			}
			#top{
			float:right;
			width:100px;
			height:28px;
			}
		</style>
		<div id="lefttop">
			<a href="robots.php">robots</a>
		</div>
		<div id="top">
			<a href="login.php">登录</a>|<a href="register.php">注册</a>
		</div>
            
            <!-- background images -->
            <div class="page-bg-imgs-list">
                <img src="img/story-bg-1.jpg" id="page-1-img" class="main-img" alt="About">
                <img src="img/story-bg-2.jpg" id="page-2-img" alt="Gallery">
                <img src="img/story-bg-3.jpg" id="page-3-img" alt="Services">
                <img src="img/story-bg-4.jpg" id="page-4-img" alt="Contact">  
                <img src="img/story-bg-5.jpg" id="page-5-img" alt="company">  
                <img src="img/story-bg-6.jpg" id="page-6-img" alt="kds">                          
            </div>
            
            <div class="container-fluid">

                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-5 col-xl-5">
                        
                        <div class="header">

                            <!-- site title -->
                            <header class="box box-white">
                                <a href="javascript:void(0)" class="js-site-title">
                                    <h1 class="box-text site-title-text">武夷茶院</h1>    
                                </a>            
                            </header>
                            
                            <!-- site navigation -->
                            <nav class="js-nav">
                                <ul class="nav-items-container">

                                    <li data-nav-item-id="page-1" class="block-keep-ratio block-keep-ratio-1-1 block-width-half box box-white box-nav-item js-nav-item pull-xs-left">
                                        <a href="#page-1" class="block-keep-ratio-content box-nav-item-link">
                                            <span class="box-text box-text-nav-item flexbox-center">工作室简介</span>
                                        </a>
                                    </li>

                                    <li data-nav-item-id="page-2" class="block-keep-ratio block-keep-ratio-1-1 block-width-half box box-white box-nav-item js-nav-item pull-xs-right">
                                        <a href="#page-2" class="block-keep-ratio-content box-nav-item-link">
                                            <span class="box-text box-text-nav-item flexbox-center">热卖推荐</span>
                                        </a>
                                    </li>

                                    <li data-nav-item-id="page-3" class="block-keep-ratio block-keep-ratio-1-1 block-width-half box box-white box-nav-item js-nav-item pull-xs-left">
                                        <a href="#page-3" class="block-keep-ratio-content box-nav-item-link">
                                            <span class="box-text box-text-nav-item flexbox-center">主推茶叶</span>
                                        </a>
                                    </li>

                                    <li data-nav-item-id="page-4" class="block-keep-ratio block-keep-ratio-1-1 block-width-half box box-white box-nav-item js-nav-item pull-xs-right">
                                        <a href="#page-4" class="block-keep-ratio-content box-nav-item-link">
                                            <span class="box-text box-text-nav-item flexbox-center">热卖茶点</span>
                                        </a>
                                    </li>
                                      <li data-nav-item-id="page-5" class="block-keep-ratio block-keep-ratio-1-1 block-width-half box box-white box-nav-item js-nav-item pull-xs-right">
                                        <a href="#page-5" class="block-keep-ratio-content box-nav-item-link">
                                            <span class="box-text box-text-nav-item flexbox-center">工作室资讯</span>
                                        </a>
                                    </li>
                                      <li data-nav-item-id="page-6" class="block-keep-ratio block-keep-ratio-1-1 block-width-half box box-white box-nav-item js-nav-item pull-xs-right">
                                        <a href="#page-6" class="block-keep-ratio-content box-nav-item-link">
                                            <span class="box-text box-text-nav-item flexbox-center">售后服务</span>
                                        </a>
                                    </li>

                                </ul>
                            </nav>    
                        </div> <!-- .header -->

                    </div>
                    
                   
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-7 col-xl-7">
                        <div class="content-wrapper js-content-wrapper">
                            <!-- about -->
                            <section data-page-id="page-1" class="content js-content">
                                
                                <header class="box box-black margin-b-20">
                                    <h2 class="box-text page-title-text" >关于晓飞工作室</h2>
                                </header>
								<div class="content-text">
									<p style="color:white;">	
&nbsp;晓飞工作室成立于2015年12月，是由一群追求创业的爱好者共同发起成立的。成立之初，其宗旨定位为	“务实，创新，开拓”，
工作室由前端美工设计，后台管理实现与网站安全测试人员组成。     </p>
	
	
                                </div>            

  

                            </section> <!-- #about -->

                            <!-- gallery -->
                            <section data-page-id="page-2" class="content content-gallery js-content">
                                
                                <header class="box box-black margin-b-20">
                                    <h2 class="box-text page-title-text">热卖产品展示</h2>
                                </header>
                                
                                <div class="content-text content-text-gallery">
                                    
                                    <!-- <p>Credits go to <a rel="nofollow" href="http://unsplash.com">Unsplash</a> for images.</p> -->

                                    <div class="flexslider-wrapper">

                                        <div id="slider" class="flexslider">
                                            <ul class="slides">
                                                <li><img src="img/slider1/slide1.jpg" alt="Slide 1" /></li>
                                                <li><img src="img/slider1/slide2.jpg" alt="Slide 2" /></li>
                                                <li><img src="img/slider1/slide3.jpg" alt="Slide 3" /></li>
                                                <li><img src="img/slider1/slide4.jpg" alt="Slide 4" /></li>
                                                <li><img src="img/slider1/slide5.jpg" alt="Slide 5" /></li>
                                                <!--<li><img src="img/slider1/slide6.jpg" alt="Slide 6" /></li>-->
                                            </ul>
                                        </div> <!-- #slider -->
                                      
                                        <div id="carousel" class="flexslider">
                                            <ul class="slides">
                                                <li><img src="img/slider1/thumb1.jpg" alt="Thumbnail 1" /></li>
                                                <li><img src="img/slider1/thumb2.jpg" alt="Thumbnail 2" /></li>
                                                <li><img src="img/slider1/thumb3.jpg" alt="Thumbnail 3" /></li>
                                                <li><img src="img/slider1/thumb4.jpg" alt="Thumbnail 4" /></li>
                                                <li><img src="img/slider1/thumb5.jpg" alt="Thumbnail 5" /></li>
                                                <!--<li><img src="img/slider1/thumb6.jpg" alt="Thumbnail 6" /></li>-->
                                            </ul>
                                        </div>  <!-- #carousel -->

                                    </div>
                                        
                                </div>            

                            </section> <!-- #gallery -->
                            
                            <!-- services -->
                            <section data-page-id="page-3" class="content js-content">
                                
                                <header class="box box-black margin-b-20">
                                    <h2 class="box-text page-title-text">店长推荐</h2>
                                </header>
                                
                                <div class="content-text">
                                <table border="1">
                                  <tr>
                                      <td>茶&nbsp;叶名&nbsp;称</td>
                                      <td>茶&nbsp;叶价&nbsp;格</td>
                                      <td>茶&nbsp;叶重&nbsp;量</td>
                                      <td>茶&nbsp;叶种&nbsp;类</td>
                                      <td>茶&nbsp;叶折&nbsp;扣</td>
                                      <td>&nbsp;茶&nbsp;叶生&nbsp;产&nbsp;地</td>
                                    </tr>
								<?php
								$query="select * from tea limit 5";
								$result=execute($link,$query);
								while($data=mysqli_fetch_assoc($result))
								{

									echo "<tr>
									<td>{$data['name']}</td>
									<td>{$data['price']}</td>
									<td>{$data['weight']}</td>
									<td>{$data['units']}</td>
									<td>{$data['discount']}</td>
									<td>{$data['orgplace']}</td>  
									</tr>";
								}

								
								?>

                                  </table>
                                </div>            

                            </section> <!-- #services -->
									
                            <!-- contact -->
							<style type="text/css">
								.kuang{ 
										float:left;
										width: 370px;
										height:130px;
										}
								
							
							</style>
							<?php /*需要使用JavaScript使div循环*/?>
							<script>
							  
							</script>

                            <section data-page-id="page-4" class="content js-content">
                                
                                <header class="box box-black margin-b-20">
                                    <h2 class="box-text page-title-text">热卖茶点</h2>
                                </header>
                                
                                <div class="content-text">
									<div id="new">
                                             <div class="kuang">
                                                <img src="img/teafood/叉烧包.jpg" width="100" height="100" alt="叉烧包">
                                                <!--
                                                <img src="img/teafood/牛肉烧麦.jpg" width="100" height="100" alt="牛肉烧麦">
                                                <img src="img/teafood/红豆饼.jpg" width="100" height="100" alt="红豆饼">
                                                -->
                                             </div>
                                             <div style="color:white; float: left;">
                                                    <p>茶点名字：叉烧包</p>
                                                    <p>售价：28.5￥</p>
                                                    <p>评价：很不错</p>
                                            </div>
										<div class="kuang">
                                                <img src="img/teafood/孝母饼.jpg" width="100" height="100" alt="孝母饼">
                                                
                                         </div>
                                             <div style="color:white;">
                                                    <p>茶点名字：孝母饼</p>
                                                    <p>售价：38.5￥</p>
                                                    <p>评价：非常很不错</p>
                                            </div>
										<div class="kuang">
											<img src="img/teafood/桃酥.jpg" width="100" height="100" alt="桃酥">
										 </div>
                                         <div style="color:white;">
										<p>茶点名字： 桃酥</p>
										<p>售价：18.5￥</p>
										<p>评价：有提升的空间</p>
                                        </div>
									 </div>
                                </div>            

                            </section> <!-- #contact -->
                                 <!-- company -->
                            <section data-page-id="page-5" class="content js-content">
                                
                                <header class="box box-black margin-b-20">
                                    <h2 class="box-text page-title-text">最新资讯</h2>
                                </header>
                                
                                <div class="content-text">
									<div style="color:white;">
										<?php
										$query="select * from news limit 5";
										$result=execute($link,$query);
											while($data=mysqli_fetch_assoc($result))
											{	
													//echo "<a href="shownews.php">{$data['title']}</a>"; 
													echo "<ul>";
													echo "<a href='shownews.php'>{$data['title']}</a>";echo "<br />";
													echo "</ul>";
											}
										?>
										</div>
                                </div>            

                            </section> <!-- # company -->
                            <!-- about -->
                            <section data-page-id="page-6" class="content js-content">
                                
                                <header class="box box-black margin-b-20">
                                    <h2 class="box-text page-title-text">问题反馈</h2>
                                </header>
								<div class="content-text">
									 <form method="post" class="contact-form" ation="1242247029@qq.com">

                                        <div class="form-group col-xs-12 col-sm-12 col-md-6 col-lg-6 form-group-2-col-left">
                                            <input type="text" id="contact_name" name="contact_name" class="form-control" placeholder="Name" required/>
                                        </div>
                                        <div class="form-group col-xs-12 col-sm-12 col-md-6 col-lg-6 form-group-2-col-right">
                                            <input type="email" id="contact_email" name="contact_email" class="form-control" placeholder="Email" required/>
                                        </div>
                                        <div class="form-group">
                                            <input type="text" id="contact_subject" name="contact_subject" class="form-control" placeholder="Subject" required/>
                                        </div>
                                        <div class="form-group">
                                            <textarea id="contact_message" name="contact_message" class="form-control" rows="4" placeholder="Message" required></textarea>
                                        </div>
                                        <button type="submit" class="btn btn-primary submit-btn">发送</button>

                                    </form>                           
                                </div>            

  

                            </section> <!-- #about -->
                        </div>
                    </div>

                </div>
                    
                <!-- footer row -->
                <footer class="row footer js-footer">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

                        <p class="copyright-text">Copyright &copy; 2016 晓飞 workplace 
                        
                	</p>

                    </div>                
                </footer>

            </div>  <!-- .container-fluid -->

        <div id="preloader">
            <div id="status">&nbsp;</div>
        </div><!-- /#preloader -->      
            
        <!-- load JS files -->
        <script src="js/jquery-1.11.3.min.js"></script> <!-- jQuery -->
        <script src="js/jquery.flexslider-min.js"></script> <!-- Flex Slider -->
        <script src="js/jquery.backstretch.min.js"></script> <!-- Backstretch http://srobbin.com/jquery-plugins/backstretch/ -->
        <script src="js/templatemo-script.js"></script> <!-- Templatemo scripts -->
    
    </body>
</html>